@charset "utf-8";
@media  (max-width:299px) {
    html {font-size:93.75px}
    .viewport {max-width:300px}
}
@media  (max-width:309px) and (min-width:300px) {
    html {font-size:93.75px}
    .viewport {max-width:310px}
}
@media  (max-width:319px) and (min-width:310px) {
    html {font-size:96.875px}
    .viewport {max-width:320px}
}
@media (min-width:320px) and (max-width:349px) {
    html {font-size:100px}
    .viewport {max-width:350px}
}
@media (min-width:350px)  and (max-width:359px)   {
    html {font-size:109.375px}
    .viewport {max-width:360px}
}
@media  (min-width:360px) and (max-width:399px)   {
    html{font-size:112.5px}
    .viewport {max-width:400px}
}
@media (min-width:400px) and (max-width:469px)   {
    html {font-size:125px}
    .viewport {max-width:470px}
}
@media   (min-width:470px) and (max-width:479px) {
    html {font-size:146.875px}
    .viewport {max-width:480px}
}
@media   (min-width:480px) and (max-width:539px)  {
    html {font-size:150px}
    .viewport {max-width:540px}
}
@media  (min-width:540px) and (max-width:559px)   {
    html {font-size:168.75px}
    .viewport {max-width:560px}
}
@media  (min-width:560px) and (max-width:569px)   {
    html {font-size:175px}
    .viewport {max-width:570px}
}
@media  (min-width:570px) and (max-width:629px)   {
    html {font-size:178.125px}
    .viewport {max-width:630px}
}
@media  (min-width:630px) and (max-width:639px)   {
    html {font-size:196.875px}
    .viewport {max-width:640px}
}
@media  (min-width:640px) and (max-width:709px)   {
    html {font-size:200px}
    .viewport {max-width:710px}
}
@media  (min-width:710px) and (max-width:719px){
    html {font-size:221.875px}
    .viewport {max-width:720px}
}
@media  (min-width:720px) {
    html {font-size:225px}
    .viewport {width:720px}
}
